<template>
	<view class="flex-col page">

		<view class="justify-center group">
			<image @click="Back()"
				src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836621783633159.png"
				class="image" />
			<text class="text">订单详情</text>
		</view>

		<scroll-view scroll-y="true" class="scroll">
			<view class="flex-col section_1">

				<view class="justify-between group_1" v-if="ordersStatus == 6">
					<view class="flex-col items-start group_2">
						<text class="text_11111">订单已取消</text>

					</view>
					<view class="flex-col items-center group_3">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706439817993.png"
							class="image_1" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706471851315.png"
							class="image_2" />
					</view>
				</view>
				<!-- 进行中 -->
				<view class="justify-between group_1" v-if="ordersStatus == 3">
					<view class="flex-col items-start group_2">
						<text class="text_1">订单进行中</text>
						<text class="text_2">请用电脑登录后上传文件</text>
					</view>
					<view class="flex-col items-center group_3">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706439817993.png"
							class="image_1" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706471851315.png"
							class="image_2" />
					</view>
				</view>
				<!-- 待付款 -->
				<view class="justify-between group_1" v-else-if="ordersStatus == 1">
					<view class="flex-col items-start group_2">
						<text class="text_1">订单待付款</text>

						<view class="u-flex text_2">
							<text class="">剩余时间：</text>
							<u-count-down :time="lefttime" format="HH:mm:ss"></u-count-down>
						</view>
					</view>
					<view class="flex-col items-center group_3">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706439817993.png"
							class="image_1" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706471851315.png"
							class="image_2" />
					</view>
				</view>
				<!-- 待完善 -->
				<view class="justify-between group_1" v-else-if="ordersStatus == 2">
					<view class="flex-col items-start group_2">
						<text class="text_1">待上传资料</text>
						<text class="text_2">请用电脑登录后上传相关设计需求</text>
					</view>
					<view class="flex-col items-center group_3">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706439817993.png"
							class="image_1" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706471851315.png"
							class="image_2" />
					</view>
				</view>
				<!-- 待评价 -->
				<view class="justify-between group_1" v-else-if="ordersStatus == 4">
					<view class="flex-col items-start group_2">
						<text class="text_1">订单待评价</text>
						<text class="text_2">请对本次服务评价</text>
					</view>
					<view class="flex-col items-center group_3">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706439817993.png"
							class="image_1" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706471851315.png"
							class="image_2" />
					</view>
				</view>
				<!-- 已完成 -->
				<view class="justify-between group_1" v-else-if="ordersStatus == 5">
					<view class="flex-col items-start group_2">
						<text class="text_1">订单已完成</text>
					</view>
					<view class="flex-col items-center group_3">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706439817993.png"
							class="image_1" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836706471851315.png"
							class="image_2" />
					</view>
				</view>
				
				<!--  -->
			</view>
			<view class="flex-col group_4">
				<view class="flex-col section_2">
					<view class="flex-row">
						<view class="section_3 view">
							<!--*-->
						</view>
						<text class="text_3">合同审核订单</text>
					</view>
					<view class="justify-between group_6">

						<text class="text_4">你的房屋位置</text>
						<text class="text_5">{{infolist.orders.position}}</text>
					</view>
					<view class="justify-between group_7">
						<text class="text_6">你的房屋面积</text>
						<text class="text_7">{{infolist.orders.roomArea}}m²</text>
					</view>
					<view class="justify-between group_8">
						<text class="text_8">房屋类型</text>
						<text class="text_9">{{infolist.orders.roomTypeName}}</text>
					</view>
				</view>
				<view class="flex-col section_4">
					<view class="flex-row group_9">
						<view class="section_3 view_1">
							<!--*-->
						</view>
						<text class="text_10">合同审核类别</text>
					</view>
					<view class="justify-between group_10">
						<text class="text_11" v-if='infolist.contractExamineType ==0'>线上审核</text>
						<text class="text_11" v-else>线下审核</text>
						<text class="text_12">{{infolist.examineMoney}}/m²</text>
					</view>
					<view class="justify-between group_11">
						<text class="text_13">总额</text>
						<text class="text_14">￥{{infolist.orders.totalMoney}}</text>
					</view>
					<view class="justify-between group_12">
						<text class="text_15">优惠券</text>
						<text class="text_16">-￥{{infolist.couponsAmount}}</text>
					</view>
					<view class="justify-end group_13">
						<text class="text_17">{{ordersStatus == 1 ? '应付款:' : '实付款' }}</text>
						<view class="group_14">
							<text class="text_18">￥</text>
							<text class="text_19">{{infolist.orders.payableMoney}}</text>
						</view>
					</view>
				</view>
				<view class="flex-col section_5" v-if="ordersStatus != 2">
					<view class="flex-row group_15">
						<view class="section_3 view_2">
							<!--*-->
						</view>
						<text class="text_20">相关资料</text>
					</view>
					<view class="flex-row equal-division" v-if="SGCover.length>0 || HTBudget.length>0">
						<view v-for="(item,i) in SGCover" :key="i">
							<image :src="item" class="equal-division-item image_3" v-if="item != '' " />
						</view>
						<view v-for="(item,i) in HTBudget" :key="i">
							<image :src="item" class="equal-division-item image_3" />

						</view>
						<!-- 上传文件 -->
					<!-- 	<view  v-for="(item,index) in getFileList" :key="index">
						    <a :href="item.sourceFileUrl">{{item.sourceFileUrl}}</a>
						</view> -->
					</view>
					<view v-else>
						<u-empty mode="data" width="150" marginTop="10%" textSize="20rpx"
							icon="http://cdn.uviewui.com/uview/empty/car.png">
						</u-empty>
					</view>
				</view>
				<view class="flex-col section_6" v-if="ordersStatus != 2">
					<view class="flex-row group_16">
						<view class="section_3 view_3">
							<!--*-->
						</view>
						<text class="text_21">备注</text>
					</view>
					<view class="gray u-flex u-row-left u-col-center u-p-l-20 u-font-24" style="width: 100%;">
						{{infolist.remarks?infolist.remarks:'无'}}
					</view>
				</view>
				<!-- 评价信息 -->
				<view class="flex-col section_6" v-if="ordersStatus == 5">
					<view class="flex-row group_16">
						<view class="section_3 view_3">
							<!--*-->
						</view>
						<text class="text_21">评价信息</text>
					</view>
					<view class="flex-col ">
						<view class="flex-row justify-between PJXX">
							<view class="PJXXView" v-if="infolist.orders.commentsLevel ==1">非常满意</view>
							<view class="PJXXView" v-else-if="infolist.orders.commentsLevel ==2">满意</view>
							<view class="PJXXView" v-else-if="infolist.orders.commentsLevel ==3">一般</view>
							<view class="PJXXView" v-else-if="infolist.orders.commentsLevel ==4">非常满意</view>
							<view class="PJXXcon">{{infolist.orders.commentsTime}}</view>
						</view>
						<view style="color: #333;font-size: 26rpx;margin: 20rpx 0;">
							{{infolist.orders.commentsDetails}}
						</view>
						<view class="PJXXIMG flex-row u-flex-wrap">
							<view v-for="(demo,j) in commentsPictures" :key="j">
								<image :src="demo" mode=""></image>
							</view>

						</view>
					</view>
				</view>
				<!--  -->
				<view class="flex-col section_7">
					<view class="flex-row group_17">
						<view class="section_3 view_4">
							<!--*-->
						</view>
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836621826750433.png"
							class="image_6" />
					</view>
					<view class="flex-col  group_18">
						<view class="flex-row u-row-between">
							<view class="">
								<text class="text_23">订单编号</text>
								<text class="text_24">{{infolist.orders.ordersNumber}}</text>
							</view>

							<text class="text_25" @click="copy(infolist.orders.ordersNumber)">复制</text>
						</view>

						<view class="flex-row group_20">
							<text class="text_26">下单时间</text>
							<text class="text_27">{{infolist.orders.ordersTime}}</text>
						</view>
					</view>
					<view class="flex-row group_21" v-if="ordersStatus != 1 && ordersStatus != 6">
						<text class="text_28">付款金额</text>
						<text class="text_29">￥{{infolist.orders.payableMoney}}</text>
					</view>
					<view class="flex-row group_22" v-if="ordersStatus != 1  && ordersStatus != 6">
						<text class="text_30">支付方式</text>
						<text class="text_31" v-if="infolist.orders.payType ==1">微信支付</text>
						<text class="text_31" v-else>支付宝支付</text>
					</view>
					<view class="flex-row group_23" v-if="ordersStatus != 1   && ordersStatus != 6">
						<text class="text_32">支付时间</text>
						<text class="text_33">{{infolist.orders.payTime}}</text>
					</view>
				</view>
			</view>
		</scroll-view>
		<!--  -->
		<view class="justify-between section_8 fixed" v-if="ordersStatus == 3">
			<view class="flex-row group_24">
				<image
					src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836621862755728.png"
					class="image_7" />
				<text class="text_34" @click="go('/pages/my/message/kefu')">联系客服</text>
			</view>
			<view class="flex-col items-center text-wrapper_1"><text class="text_35" @click="over">完成订单</text></view>
		</view>
		<!--  -->
		<view class="justify-between section_8 fixed" v-else-if="ordersStatus == 1">
			<view class="flex-row group_24">
				<image
					src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836621862755728.png"
					class="image_7" />
				<text class="text_34" @click="go('/pages/my/message/kefu')">联系客服</text>
			</view>
			<view class="flex-col items-center text-wrapper_22"><text class="text_35" @click="cancelT">取消订单</text>
			</view>
			<view class="flex-col items-center text-wrapper_1"><text class="text_35" @click="topay">去付款</text></view>
		</view>
		<!--  -->
		<view class="justify-between section_8 fixed" v-else-if="ordersStatus == 2">
			<view class="flex-row group_24">
				<image
					src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836621862755728.png"
					class="image_7" />
				<text class="text_34" @click="go('/pages/my/message/kefu')">联系客服</text>
			</view>
			<view class="flex-col items-center text-wrapper_23" @click="toWS"><text class="text_120">完善资料</text></view>
		</view>
		<!--  -->
		<view class="justify-between section_8 fixed" v-else-if="ordersStatus == 4">
			<view class="flex-row group_24">
				<image
					src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836621862755728.png"
					class="image_7" />
				<text class="text_34" @click="go('/pages/my/message/kefu')">联系客服</text>
			</view>
			<view class="flex-col items-center text-wrapper_23"
				@click="go('/pages/my/evaluate/evaluate?ordersId='+ordersId)"><text class="text_35">评价</text></view>
		</view>
		<!--  -->
		<view class="justify-between section_8 fixed" v-else-if="ordersStatus == 5">
			<view class="flex-row group_24">
				<image
					src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836621862755728.png"
					class="image_7" />
				<text class="text_34" @click="go('/pages/my/message/kefu')">联系客服</text>
			</view>
		</view>
		<cancelOrder :show="cancelShow" @close="cancelShow = false" @confirm="confirm"></cancelOrder>
	</view>
</template>

<script>
	import cancelOrder from "@/pages/my/order/cancelOrder.vue"
	export default {
		components: {
			cancelOrder
		},
		data() {
			return {
				cancelShow: false, //弹窗
				value1: '',
				confirmType: 0,
				ordersId: "",
				ordersStatus: '',
				infolist: '',
				XGZLarr: [],
				commentsPictures: '',
				lefttime: 0,
				SGCover: [], //施工图
				HTBudget: [], //合同预算
				getFileList:[]
			};
		},
		onLoad(option) {

			this.ordersId = option.ordersId;
		},
		onPullDownRefresh() {
			console.log('rrrr');
			this.init();
			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		created() {
			this.init()
		},
		methods: {
			confirm(v){
				this.$http('mine.cancelOrdersL', {
					ordersId: this.ordersId,
					cancelReason: v
				}).then(r => {
					console.log(r);
					if (r.code = 200) {
						// this.orders.splice(this.currentIndex, 1)
						this.cancelShow = false;
						setTimeout(() => {
							this.$u.toast(r.msg);
						})
						uni.navigateBack({
							delta:1
						})
						this.getinfo()
					}
				});
			},
			// 点击完成订单
			over() {
				this.$http('mine.updateOrdersStatus', {
					ordersId: this.ordersId,
					ordersStatus: '5'
				}).then(res => {
					if (res.code == 200) {
						console.log('完成订单方法')
						this.init()
						// this.go('/pages/my/order/order.vue')
						// this.Back()
					}
				}).catch(err => {

				})
			},
			init() {
				this.getinfo()
			},
			copy(number) {

				uni.setClipboardData({
					data: number,
					success: (result) => {
						this.$u.toast('复制成功');
					},
					fail: (error) => {
						this.$u.toast('网络出错');
					}
				})
			},
			qupingjia() {
				uni.navigateTo({
					url: '/pages/my/evaluate/evaluate?ordersId=' + this.ordersId
				})
			},
			toWS() {
				uni.navigateTo({
					url: '/pages/my/order/perfectDataSH?orderid=' + this.ordersId + '&id=' + this.infolist
						.contractExamineId
				})
			},
			cancelT() {
				// uni.navigateTo({
				// 	url: '/pages/my/order/cancelOrder?ordersId=' + this.ordersId
				// })
				this.cancelShow = true
			},
			topay() {
				this.go('/pages/pay/pay?orderid=' + this.ordersId);
			},
			getinfo() {
				this.$http('mine.getSHHT', {
					ordersId: this.ordersId
				}).then(res => {
					if (res.code == 200) {
						console.log(res.data, 'data')
						this.infolist = res.data;
						this.ordersStatus = res.data.orders.ordersStatus;
						this.lefttime = this.timeProcessing(res.data.orders.ordersTime);
					
						// 上传文件
						this.getFileList = res.data.sourceFileList
						console.log('文件',this.getFileList);
						res.data.constructionList.forEach(item => {
							// 施工图
							this.SGCover = item.constructionUrl.split(',')
							console.log('施工图', this.SGCover);
						})
						res.data.sourcePictureList.forEach(item => {
							console.log('合同预算', item.sourcePictureUrl);
							this.HTBudget = item.sourcePictureUrl.split(',')
						})
						if (res.data.sourcePictureList) {
							this.XGZLarr = res.data.sourcePictureList[0].sourcePictureUrl.split(',');
							
						}
						if (this.infolist.orders.commentsPictures) {
							this.commentsPictures = this.infolist.orders.commentsPictures.split(',');
								
						}

					} else {
						this.$u.toast(res.msg);
					}
				})
			},
			timeProcessing(e) {
				let timeDate = e;
				let Time = new Date(timeDate);
				let timestemp1 = Time.getTime();
				let timestamp2 = new Date().getTime();

				return timestemp1 + 86400000 - timestamp2;
			},
			Back() {
				// uni.navigateTo({
				// 	url:'pages/my/order/order'
				// })
				uni.navigateBack({
					delta: 1
				})
			},
		},
	};
</script>

<style scoped lang="scss">
	// .fileList {
	// 	width: 200rpx;
	// 	display: flex;
	// 	justify-content: center;
	// 	align-items: center;
	// 	flex-wrap: wrap;
	// 	a {
	// 		text-decoration: none;
	// 		color: #2c9ffc;
	// 	}
	// }
	.PJXX {
		color: #333;
		font-size: 30rpx;
	}

	.PJXX .PJXXView {
		border: 1px solid #1d6aff;
		color: #1d6aff;
		background-color: rgba(29, 105, 255, 0.2);
		height: 50rpx;
		padding: 4rpx 10rpx;
		border-radius: 36rpx;
		font-size: 24rpx;
	}

	.gray {
		background-color: #F5F8F7;
		height: 100rpx;
		width: 100%;

	}

	::v-deep .u-count-down__text {
		color: #D3F9FF;
		font-size: 28rpx;
	}

	.PJXXcon {
		font-size: 28rpx;
		color: #333;
		padding: 20rpx 0;
	}

	.PJXXIMG view {
		width: 200rpx;
		height: 140rpx;
	}

	.PJXXIMG view image {
		width: 100%;
		height: 100%;
	}

	.scroll {
		margin-top: 139rpx;
		height: calc(100vh - 250rpx);
	}

	.section_3 {
		background-color: #1d6aff;
		border-radius: 1.5px;
		width: 3px;
		height: 14px;
	}

	.equal-division-item {
		margin-left: 7.5px;
		flex: 1 1 104px;
		border-radius: 8px;
		width: 104px;
		height: 104px;
		
	}

	.page {
		background-color: #f6f7f9ff;
		height: 100%;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.section_1 {
		padding: 27.5px 12.25px 70.25px;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836621628592893.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.text_120 {
		color: #F3FFFF;
		font-size: 24rpx;
	}

	.group_4 {
		margin-top: -54.5px;
		padding: 0 12px 16px;
		position: relative;
	}

	.section_8 {
		padding: 24rpx 24rpx 18rpx 34rpx;
		background-color: #ffffff;
		// box-shadow: 0px -0.5px 0px 0px #eeeeee;
		position: fixed;
		left: 0;
		bottom: 0;
		right: 0;
		border-top: none;

	}

	.group {
		z-index: 6;
		background-image: linear-gradient(to right, #2281FB, #2A9AFC, #2FABFC);
		width: 100%;
		padding-top: 80rpx;
		padding-bottom: 10rpx;
		position: fixed;
		box-shadow: 0 1rpx 0 0 #64aff1;
	}

	.group_1 {
		margin-top: 21.5px;
	}

	.section_2 {
		padding: 15px 11px 20px 12px;
		background-color: #ffffff;
		border-radius: 8px;
	}

	.section_4 {
		margin-top: 10.5px;
		padding-left: 12px;
		padding-right: 11px;
		background-color: #ffffff;
		border-radius: 8px;
	}

	.section_5 {
		width: 100%;
		margin-top: 10px;
		padding: 14.5px 12px 16px;
		background-color: #ffffff;
		border-radius: 8px;
		flex-wrap: wrap;
	}

	.section_6 {
		margin-top: 10px;
		padding: 0 12px 16px;
		background-color: #ffffff;
		border-radius: 8px;
	}

	.section_7 {
		margin-top: 10px;
		padding: 0 12px 17px;
		background-color: #ffffff;
		border-radius: 8px;
	}

	.group_24 {
		align-self: center;
	}

	.text-wrapper_1 {
		padding: 7px 0 11px;
		background-color: #1d6aff;
		border-radius: 16px;
		width: 86px;
		height: 32px;
	}

	.text-wrapper_22 {
		padding: 7px 0 11px;
		background-color: #eee;
		border-radius: 16px;
		width: 86px;
		height: 32px;
		margin-left: 100rpx;
	}

	.text-wrapper_23 {
		padding: 7px 0 11px;
		background-color: #1B6BFF;
		border-radius: 16px;
		width: 86px;
		height: 32px;
		margin-left: 100rpx;
	}

	.text-wrapper_22 .text_35 {
		color: #333;
	}

	.image {
		position: absolute;
		left: 35rpx;
		bottom: 12rpx;
		width: 19rpx;
		height: 36rpx;
	}

	.text {
		color: #ffffff;
		font-size: 18px;
	}

	.group_2 {
		padding-bottom: 3px;
		position: relative;
	}

	.group_3 {
		margin-right: 19px;
		margin-top: 1.75px;
		padding-bottom: 2.25px;
		width: 37.25px;
		position: relative;
	}

	.group_6 {
		margin-top: 19px;
	}

	.group_7 {
		margin-top: 15.5px;
	}

	.group_8 {
		margin-top: 12.5px;
	}

	.group_9 {
		padding: 18px 2px 13.5px;
		border-bottom: solid 0.5px #eeeeee;
	}

	.group_10 {
		padding: 11px 0 11px;
		border-bottom: solid 0.5px #eeeeee;
	}

	.group_11 {
		margin-top: 15px;
	}

	.group_12 {
		margin-top: 16.5px;
	}

	.group_13 {
		margin-top: 17px;
		padding: 13.5px 0 15px;
		border-top: solid 0.5px #eeeeee;
	}

	.group_15 {
		padding: 0 2px;
	}

	.equal-division {
		margin-top: 20px;
	}

	.group_16 {
		padding: 14.5px 2px 16px;
	}

	.text-wrapper {
		padding: 10.5px 0 15.5px;
		background-color: #f6f7f9;
		border-radius: 4px;
	}

	.group_17 {
		padding: 14px 0 16px;
		border-bottom: solid 0.5px #eeeeee;
	}

	.group_18 {
		margin-top: 14.5px;
	}

	.group_21 {
		margin-top: 15.5px;
	}

	.group_22 {
		margin-top: 15.5px;
	}

	.group_23 {
		margin-top: 18.5px;
	}

	.image_7 {
		flex-shrink: 0;
		width: 18px;
		height: 17.5px;
	}

	.text_34 {
		margin-left: 9px;
		margin-bottom: 4.25px;
		color: #191919;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
		line-height: 14px;
	}

	.text_35 {
		color: #ffffff;
		font-size: 25rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_1 {
		color: #ffffff;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
		line-height: 19px;
		margin-top: -8px;
	}

	.text_11111 {
		color: #ffffff;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
		padding-left: 20rpx;
	}

	.text_2 {
		color: #ffffff;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
		line-height: 30px;
	}

	.image_1 {
		filter: drop-shadow(0px 1.5px 1.5px #1a60e266);
		width: 32.5px;
		height: 40px;
	}

	.image_2 {
		filter: drop-shadow(0px 1.5px 1.5px #1a60e266);
		width: 18.5px;
		height: 21px;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.view {
		margin-top: 6px;
	}

	.text_3 {
		margin-left: 9px;
		color: #333333;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
	}

	.text_4 {
		color: #666666;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.text_5 {
		margin-right: 1.5px;
		color: #333333;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.text_6 {
		margin-bottom: 3px;
		color: #666666;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.text_7 {
		color: #333333;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.text_8 {
		color: #666666;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
		line-height: 16.5px;
	}

	.text_9 {
		color: #333333;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
		line-height: 16.5px;
	}

	.view_1 {
		margin: 5px 0;
	}

	.text_10 {
		margin-left: 9px;
		color: #333333;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
	}

	.text_11 {
		color: #333333;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.text_12 {
		margin-right: -2px;
		color: #fe641a;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.text_13 {
		color: #999999;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.text_14 {
		margin-top: 3px;
		color: #333333;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.text_15 {
		color: #999999;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.text_16 {
		margin-top: 3px;
		color: #191919;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
		line-height: 16.5px;
	}

	.text_17 {
		margin: 3.5px 8px 1.5px 0;
		color: #999999;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
		line-height: 14px;
	}

	.group_14 {
		height: 19px;
	}

	.view_2 {
		margin-top: 3px;
	}

	.text_20 {
		margin-left: 9px;
		color: #333333;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
		line-height: 19px;
	}

	.image_3 {
		margin-left: 0;
	}

	.view_3 {
		margin-top: 3px;
	}

	.text_21 {
		margin-left: 9px;
		color: #333333;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
		line-height: 19px;
	}

	.text_22 {
		margin-left: 12px;
		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
		line-height: 14px;
	}

	.view_4 {
		margin-top: 4px;
	}

	.image_6 {
		margin-left: 8.5px;
		width: 66px;
		height: 20px;
	}

	.text_25 {

		display: flex;
		justify-content: flex-end;
		margin-left: 5px;
		align-self: flex-end;
		color: #1c4ca8;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.group_20 {
		margin-top: 15px;
	}

	.text_28 {

		color: #999999;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';

	}

	.text_29 {
		margin-left: 20px;
		margin-top: 3px;
		color: #fe641a;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
		line-height: 14px;
	}

	.text_30 {
		color: #999999;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
		line-height: 14px;
	}

	.text_31 {
		margin-left: 20px;
		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';

	}

	.text_32 {

		color: #999999;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';

	}

	.text_33 {
		margin-left: 20px;
		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_18 {
		color: #fe641a;
		font-size: 10px;
		font-family: '.AppleSystemUIFont';
	}

	.text_19 {
		color: #fe641a;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
	}

	.text_23 {
		color: #999999;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_24 {
		margin-left: 20px;

		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_26 {
		color: #999999;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_27 {
		margin-left: 20px;

		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}
</style>
